.typeBody{
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    .typeItem{
        width: 50%;
        padding: 8px;
        box-sizing: border-box;
        .contentItem{
            display: flex;
            border-radius: 8px;
            padding: 12px;
            border: 1px solid #ededed;
            align-items: center;
            cursor: pointer;
            &.checked{
                border-color: #FFA22D;
            }
            &:hover{
                box-shadow: 0 3px 6px -4px rgba(0,0,0,0.12), 0 6px 16px 0 rgba(0,0,0,0.08), 0 9px 28px 8px rgba(0,0,0,0.05);
            }
            .excelIcon{
                vertical-align: middle;
            }
            .checkedIcon{
                font-size: 24px;
                color: #FFA22D;
            }
            .uncheckedIcon{
                font-size: 20px;
            }
            .content{
                flex: 1;
                box-sizing: border-box;
                padding-left: 10px;
                .name{
                    font-size: 14px;
                    color: rgba(0,0,0,0.85);
                    padding: 0;
                    margin: 0;
                }
                .info{
                    font-size: 12px;
                    color: rgba(0,0,0,0.45);
                    padding: 0;
                    margin: 0;
                }
            }
        }

    }
}
